<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta http-equiv="Content-Type" content="text/html; charset=US-ASCII">
<fmt:setBundle basename="Messages" />
<title><fmt:message key="Display.viewBookingDetails"/></title>
<script type="text/javascript"
	src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<style type="text/css">
* {
	font-family: Verdana;
	font-size: 96%;
}

label {
	width: 10em;
	float: left;
}

label.error {
	float: none;
	color: red;
	padding-left: .5em;
	vertical-align: top;
}

p {
	clear: both;
}

.submit {
	margin-left: 12em;
}

em {
	font-weight: bold;
	padding-right: 1em;
	vertical-align: top;
}
</style>
<script>
	$(document).ready(function() {
		$("#commentForm").validate();
	});
</script>
</head>
<body>
<img src="img/logo_ISS.jpg" class="logo" />
	<div class="header">
		<div style="float: left; margin: 11px auto 0 auto">
			<h1>
				<fmt:message key="Display.InstituteofSystemScience" />
			</h1>
		</div>
		<div style="float: right; margin: 11px auto 0 auto">
			<h1>
				<fmt:message key="Display.FacilitiesBookingSystem" />
			</h1>
		</div>
	</div>
	<div class="site_content">
		<div class="sidebar_container">
			<div class="sidebar">
				<c:choose>
					<c:when test="${sessionScope.Role=='Manager'}">
							<%@include file="managerSideMenu.jsp" %>
					</c:when>
					<c:when test="${sessionScope.Role=='Staff'}">
						
						<%@include file="staffSideMenu.jsp" %>
					</c:when>
				</c:choose>
				<c:if test=""></c:if>
				
				<c:if test=""></c:if>
			</div>
		</div>

		<div class="content">
	<form action="ViewBookingServlet" method="get" class="cmxform" id="commentForm">
	<center>
		<table class="borderAll" style=" margin: 10px 0 0px 0;background:#FFF;width:450px;height:200px;border:2px;border-style:solid;border-color:#696A6A">

						 
               <tr>
               	<td><fmt:message key="Display.FacilityName" /></td> 
                   <td><input  type="text" name="facilityName" value="${Booking.facilityName}" id="facilityname" class="required" /></td>
               </tr>
               <tr>
               	<td><fmt:message key="Display.BookingID" /></td>
               	<td><input type="text" name="bookingID" value="${Booking.bookingID}" readonly="readonly"></td>
               </tr>
                <tr>
                	<td><fmt:message key="Display.StaffID" /></td>
                	<td><input type="text" name="staffID" value="${Booking.staffID}" id="staffid" class="required"></td>
                </tr>
                  <tr>
                  	<td><fmt:message key="Display.Status" /></td>
                   	<td><input type="text" name="status" value="${Booking.status}" readonly="readonly"></td>
                   </tr>
                 <tr>
                   	<td><fmt:message key="Display.FromDate" /></td>
                   	<td><input type="text" name="fromDate" value="${Booking.fromDate}" id="fromdate" class="required"></td>
                 </tr>
                 <tr>
                   	<td><fmt:message key="Display.ToDate" /></td>
                   	<td><input type="text" name="toDate" value="${Booking.toDate}" id="todate" class="required"></td>
                 </tr>
                   <tr>
                   	<td><fmt:message key="Display.Priority" /></td>
                   	<td><input type="text" name="priority" value="${Booking.priorityID}" id="priorityid" class="required"></td>
                   </tr>
                   <tr>
                   <td><fmt:message key="Display.BookingDate" /></td>
                   <td><input type="text" name="bookingDate" value="${Booking.bookingDate}" readonly="readonly"></td>
                   </tr>
                   <tr>
                   <td><fmt:message key="Display.Reason" /></td>
                   <td><input type="text" name="reason" value="${Booking.reason}" id="reason" class="required"></td>
                    
                </tr>
             
            	<tr>
            		<td colspan="2">
            			<input type="submit" value="${status=='details'?'Back':'Update'}" name="${status=='details'?'Back':'Update'}" class="ButtonStyle">
            			
            		</td>
            	</tr>


		</table>
		</center>
		</form>
		</div>

	</div>

	<div class="footer" style="align: center">Copyright@ Team3
		Erudites</div>

		
</body>
</html>